{% extends "base.html" %}
{% block title %}
    <title>征途网络</title>
{% endblock %}
{% block body1 %}{% include "nav.html" %} {% endblock %}
{% block bodymain %}
			<div class="carousel slide" id="imageturn" data-ride="carousel">
				<ol class="carousel-indicators">
					<li data-slide-to="0" data-target="#imageturn" class="active"></li>
					<li data-slide-to="1" data-target="#imageturn"></li>
					<li data-slide-to="2" data-target="#imageturn"></li>
				</ol>
				<div class="carousel-inner">
					<div class="item">
                        <img alt="" src="/static/images/QA.jpg" />
						<div class="carousel-caption">
							<p>
								常见问题.
							</p>
						</div>
					</div>
					<div class="item active">
						<img alt="" src="/static/images/photo.jpg" />
						<div class="carousel-caption">
							<p>
								实拍图片.
							</p>
						</div>
					</div>
					<div class="item">
						<img alt="" src="/static/images/info.jpg" />
						<div class="carousel-caption">
							<p>
								项目介绍.
							</p>
						</div>
					</div>
				</div>
                <a class="left carousel-control" href="#imageturn" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
                <a class="right carousel-control" href="#imageturn" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
			</div>

 {% endblock %}
{% block bodyside %}
    <table>
    <tr>
        <td>
<audio controls>
  <source src="/static/mp3/xiaoxingyun.mp3" type="audio/mpeg">
</audio>
        </td>
    </tr>
    <tr>
        <td>    </td>
    </tr>
    <tr>
        <td>
        <span id="mytime" algin="center"></span>
        </td>
    </tr>
</table>
    <!--<div class='big'  align="center" >-->
    <!--<div class="form" align="center">-->
    <!--<form id="form" name="f" action="/s" class="fm">-->
            <!--<input id="kw" name="wd" class="s_ipt" value="" maxlength="255" autocomplete="off">-->
            <!--<input id="su" value="百度一下" class="btn btn-large btn-primary" type="submit">-->
            <!--</form>-->
        <!--</div>-->
    <!--<div class="form" align="center">-->
<!--<form action="/search-caipu" method="post">-->
        <!--{% csrf_token %}-->
        <!--<input type="text" name="q">-->
        <!--<input type="submit" value="菜谱搜索" class="btn btn-large btn-primary">-->
    <!--</form>-->
        <!--</div>-->
    <!--<div class="form" align="center">-->
<!--<form action="/search-zhihu" method="post">-->
        <!--{% csrf_token %}-->
        <!--<input type="text" name="q">-->
        <!--<input type="submit" value="知乎图片搜索" class="btn btn-large btn-primary">-->
    <!--</form>-->
        <!--</div>-->
        <!--</div>-->
       <div class="sidebar-module sidebar-module-inset">
	<h4 class="title">常用链接</h4>
		<p><a href="https://gitee.com" target="_blank"></i>码云</a></p>
		<p><a href="https://www.baidu.com" target="_blank"></i>百度</a></p>
		<p><a href="https://v3.bootcss.com" target="_blank"></i>Bootstrap</a></p>
		<p><a href="https://www.liaoxuefeng.com/" target="_blank"></i>学习网站</a></p>
		<p><a href="http://www.runoob.com/" target="_blank"></i>菜鸟教程</a></p>
		<p><a href="https://cuiqingcai.com/" target="_blank"></i>博客参考</a></p>
		<p><a href="https://www.kancloud.cn/wangfupeng/wangeditor3" target="_blank"></i>使用手册</a></p>

</div>
<div class="sidebar-module sidebar-module-inset">
	<a href="/blogwrite">添加文章</a>
</div>
<div class="sidebar-module sidebar-module-inset">
	<h3>置顶文章</h3>
</div>
<div class="sidebar-module sidebar-module-inset" id="toptitle"></div>
{% endblock %}

{% block script %}
    <script type="text/javascript">
function showTime(){
    nowtime=new Date();
    year=nowtime.getFullYear();
    month=nowtime.getMonth()+1;
    date=nowtime.getDate();
    document.getElementById("mytime").innerText=year+"年"+month+"月"+date+" "+nowtime.toLocaleTimeString();
}
setInterval("showTime()",1000);
$(document).ready(function(){
    $.getJSON("/json/blog/list",function (data){
        var list=data.bloglist;
        var blogstr="";
        for(var i = 0;i<list.length;i++){
            blogstr=blogstr+'<a href="/blog/'+list[i].id+'">'+list[i].btitle+"</a><br>";
        }
        $('#toptitle').html(blogstr);
    });
});
</script>
{% endblock %}